<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title> New Document </title>
    <meta name="Generator" content="NPP-Plugin">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <style>
    /* 这里是CSS代码 */
    .clearfix:before,
    .clearfix:after {
        content: " "; /* 1 */
        display: table; /* 2 */
    }

    .clearfix:after {
        clear: both;
    }

    /**
     * For IE 6/7 only
     * Include this rule to trigger hasLayout and contain floats.
     */
    .clearfix {
        *zoom: 1;
    }

    body {
      font-family: "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
      color: #66595c;
      background-color: #faf6ec;
    }

    /* Start the styles  */
    p {
      line-height: 1.5;
    }
    h1 {
      margin-bottom: 0;
    }
    h2 {
      margin-top: 10px;
      font-weight: 400;
      line-height: 1.2;
    }
    .wrapper {
      padding: 30px 30px 10px 30px;
      max-width: 760px;
      margin-right: auto;
      margin-left: auto;
    }
    .circle {
      background-repeat: no-repeat;
      background-image: url('');
      width: 250px;
      height: 250px;
      background-color: #40a977;
      border-radius: 50%;
      float: left;
      shape-outside: circle() margin-box;
      margin: 30px;
    }
    </style>
  </head>
   <body>
      <div class="support-css-shapes"></div>

      <div class="wrapper clearfix">
        <div class="circle"></div>
        <h1>Atom</h1>
        <h2>A hackable text editor for the 21st Century</h2>
        <p>Atom is a text editor that's modern, approachable, yet hackable to the core—a tool you can customize to do anything but also use productively without ever touching a config file.</p>
        <p><strong>Cross-platform editing</strong> Atom works across operating systems. You can use it on OS X, Windows, or Linux.</p>
        <p><strong>Built-in package manager</strong> Search for and install new packages or start creating your own—all from within Atom.</p>
      </div>
   </body>
</html>